import { StyleSheet, Dimensions } from 'react-native';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
    overlay: {
        flex: 1,
        top: 50,
        left: 0,
        width: windowWidth,
        height: windowHeight - 64 - 50,
        position: 'absolute',
    },
    houseContainer:{
        flexDirection:'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#fff',
        paddingTop:15,
        paddingBottom:23,
    },
    houseItem:{
        backgroundColor:'#fff',
        color:"#7B7B7B",
        fontSize: 13,
        borderRadius: 2,
        height: 29,
        width: 90,
        borderWidth: 1,
        borderColor: '#7B7B7B',
        overflow: 'hidden',
        textAlign: 'center',
        lineHeight: 29,
        marginRight: 10,
    },
    houseItemActive:{
        backgroundColor:'#EA5404',
        color:"#fff",
        fontSize: 13,
        height: 29,
        lineHeight: 29,
        borderWidth: 1,
        borderColor: '#EA5404',
        borderRadius: 2,
        overflow: 'hidden',
        textAlign: 'center',
    },
    textStyle: {
		color:'#555555',
		paddingTop: 10,
		fontSize: 15,
		fontWeight: 'normal'
	},
	markStyle:{
		position: 'absolute',
		right:25,
		top: 9,
		borderRadius: 10,
		width: 17,
		height: 17,
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#EA5404',
	},
	markTextStyle:{
		// lineHeight: 15,
		textAlign: 'center',
		fontSize: 10,
		color: '#ffffff',
	},
	underlineStyle: {
		height: 2,
		backgroundColor: '#EA5404'
	},
	tabBar: {
		// borderWidth: 1,
		borderBottomWidth: 1,
		borderColor: "#DDDDDD",
		backgroundColor: '#ffffff'
	},
	container: {
        flex: 1,
		backgroundColor: '#f3f3f3'
	}
});

export default styles;
